@media screen and (min-width:200px)  and  (max-width:1200px)  {
	.logo,.tel{float:none;text-align: center;}
	.logo{max-width:611px;margin:0 auto}
	.logo img{width:100%}
	.header{height:auto}
	.width{width:100%}
	.tel,.logo{margin:10px auto}
	.tel b{color:#E10017}
	.tel span{ background: none;padding-left:0;}
	.tel span, .tel b{display: inline-block;}
	.nav,.nav-right a{height:75px;line-height:75px;}
	.nav-left{display: none;}
	.nav-right{float:left;margin-left:2%}
	.nav-center{display: none;}
	.nav{position: relative;}
	.wap-nav{ display: block;}
	.wap-nav-click{font-size:30px;color:#fff;position: absolute;top:0;right:0%;width:140px; background: #282828;font-family: arial;}
	.wap-nav-click span:before{content: "";width:40px;height:20px;display: inline-block;background: url(../images/more.png) no-repeat center left;}
	.wap-nav-clickc span:before{background: url(../images/more-cha.png) no-repeat center left;}
	.wap-nav-show{width:100%;background: #282828;display: none;}
	
	.wap-nav-show{ position: absolute;top:75px;left:0;z-index:9999}
	.wap-nav-show li a,.wap-nav-show li {color:#fff;display: block;width:100%;height:60px;line-height:60px;font-size:22px;}
	.wap-nav-show li a{text-indent: 24px;}
	.wap-nav-show li.on{ background:#3F3F3F;}
	/*头部*/
	
	.click-banner{ display: none;}

	.banner .swiper-slide{ background-size:150%}
	/*banner*/
	
	.about-left,.about-right{float:none;max-width:100%}
	.about,.company .article{width:95%;margin:20px auto}
	.about-right{margin:20px 0}
	
	.pro-div .pro-left, .pro-div .pro-right{float:none;width:100%}
	.pro-div .pro-left{height: auto;min-height: 400px;padding-bottom:20px;}
	
	
	.footer-center,.youshi-content ul{width:100%}
	.news-center ul li{width:90%;margin:15px auto;padding:2.5%}
	.news-center ul li:nth-child(even) b, .news-center ul li:nth-child(even) p{text-align: left;}
	.news-fl,.news-fr{float:none;width:100%;margin:0 auto}
	.footer-center dl:nth-child(1){margin:0 auto;text-align: center;float:none;width:100%}
	.footer-center dl:nth-child(2),.footer-center dl:nth-child(3){display:none;}
	.footer-center dl dt{background: none;padding-left:0}
	.footer-center dl dd b{float:none;display: inline-block;}
	.footer-center dl dd{margin-left:0}
	.footer-center dl:nth-child(4){float:none;margin:0 auto;width:129px;}
	
	
	.ny-banner{height:260px}
	.ny-banner div{height:100%;}
	.com-list ul{text-align: center;width:800px;margin:0 auto}
	.com-list ul li{width:400px;height: 211px;display: inline-block;margin-bottom:20px; overflow: hidden;}
	.adv .article{max-width:95%;margin:0 auto}
	.adv{height: auto;padding-bottom:40px;min-height: 400px;}
	
	.fwone-left,.fwone-right{float:none;width:100%;margin:0 auto}
	.fwone-left{ position: static; background: url(../images/about-left.png);height: auto;padding-bottom:20px;}
	.fwone-right img{width:100%}
	.swiper-button-next{display: none;}
	
	.honor-con ul li,.honor-con ul li b{width:100%;}
	
	

	.message,.address{float:none;;width:95%;margin:0 auto}
	.address{margin-top:30px;}
	.message .mes-form p:nth-child(1) input,.message .mes-form p:nth-child(3) textarea{width:97%;padding-left:3%}
	.message .mes-form p:nth-child(2) span{width:47%}
	.message .mes-form p:nth-child(2) input{width:97%}
	.message .mes-form p input{padding-left:3%}
	
	.news-content li{width: 48%;margin:1%;height:auto}
	.news-content li:nth-child(3n){margin-right:1%}
	.product-left .h2-title{width:100%}
	.product-left,.product-right{float:none;width:95%;margin:0 auto}
	.ctitle li{width:50%;float:left}
	.ctitle{ overflow: hidden;zoom:1}
	.ctitle li a{text-indent: 0;text-align: center;}
	.product-right ul{ overflow:hidden;zoom:1}
	.product-right ul li{width:48%;float:left;margin:2% 1%;box-sizing: border-box;}
	.product-right ul li p{height:auto}
	.product-right ul li:nth-child(3n){margin-right: 1%;}
	.product-right .pro1 .pro-list-pic,.product-right .pro1 .descript1{float:none}
	.pro-lunbo{ display:block;}
	.product-right .descript1{text-align: center;width:100%}
	.product-right .pro1 .descript1 a.consult{margin:0 auto}
	.returnbt{margin:0 auto}
	.pro-list-pic{ display: none;}
	.pro-lunbo{width:500px;overflow: hidden;margin-top:20px}
	.product-right .pro1 .descript1 p{width:100%}
	.pro-lunbo img{width:100%}
	.detail{width:100%}
	.product-right .detail .de-title a{padding-left:0;text-indent: 20px;}
	.infor{margin:10px 0}
	
	.product-right ul li p b{height:100%;}
	.contact-banner div p,.product-banner div p{position:relative;top:48%}
	.ny-case-list li{float:left;margin:1%;width: 23%;height: auto;}
	.ny-case-list li span{border:1px solid #ccc;width:100%;height: auto;}
	.ny-case-list li span img{width:100%}
	
	.ny-banner div{  background: url(../images/about-banner.jpg) no-repeat 70% 50%;    background-size: 190%;} 
	.contact-banner div{background: url(../images/contact-banner.jpg) no-repeat center center;  background-size: 190%;}
	.product-banner div {background: url(../images/pro-banner.jpg) center center; background-size: 190%;}
	.news-banner div {background: url(../images/news-banner.jpg) center center;    background-size: 190%;}

}

@media screen and (min-width:200px)  and  (max-width:500px)  {
	.product-right ul li{width:98%;float:left;margin:2% 1%;box-sizing: border-box;}
	.product-right .pro1 .pro-list-pic{width:100%}
	.pro-lunbo{width:100%;overflow: hidden;margin-top:20px}
	.contact-banner div p,.product-banner div p{width:60%;padding:10px 0;height: auto;}
	.ny-banner{height:190px;}
	
}

@media screen and (min-width:200px)  and  (max-width:800px)  {
	.com-list ul{text-align: center;width:95%;margin:0 auto}
	.com-list ul li{width:100%;height: 211px;display: inline-block;margin-bottom:0; overflow: hidden;height:auto}
	.com-list ul li:nth-child(even){margin-bottom: 20px;padding-bottom:20px}
	.com-list ul li:nth-child(even) span{margin:10px 0;}
	


}
@media screen and (min-width:200px)  and  (max-width:1090px)  {
	.youshi-content li{width:33%;}
	
	.ny-banner div{position: static;}
	.product-banner div p{top:14%}
		.contact-banner div p, .product-banner div p {
    position: relative;
    top: 25%;
}
	
}
/*banner*/
@media screen and (min-width:890px)  and  (max-width:1200px)  {
	
	.banner .swiper-slide{ background-size:130%}
}

@media screen and (min-width:700px)  and  (max-width:890px)  {
	
	.banner .swiper-slide{ background-size:130%}
}

@media screen and (min-width:515px)  and  (max-width:700px)  {
	
	.banner .swiper-slide{ background-size:180%}
}

@media screen and (min-width:315px)  and  (max-width:515px)  {
	
	.banner .swiper-slide{ background-size:200%}
}


@media screen and (min-width:200px)  and  (max-width:611px)  {
	.logo{max-width:95%;margin:15px auto}
	.about-right img{width:100%}
	.title{padding:20px 0}
	.youshi{height:auto;padding-bottom:30px;}
	.youshi-content li{width:50%;height:230px;}
	.youshi-content li span:nth-child(2){margin:10px 0}
	.youshi-content ul{margin:20px auto}
	
	.pro-list ul li{width:30%;margin:1%;height:auto;line-height:normal;}
	.pro-span,.pro-list,.pro-content{margin:0 auto;width:95%;}
	.pro-div .pro-right img{width:95%;margin:10px auto}
	.pro-div .pro-right{height:auto}
	.pro-list ul li span:nth-child(1){width:100%;height:auto;line-height:normal;}
	
	.about-left h2{font-size:22px;}
	
	.ctitle-left,.ctitle-right{float:none;text-align: center;width:100%}
	.postion{height:auto}
	.ctitle-left{ background:#333;padding-left:0;color:#fff;font-size:16px;} 
	.ctitle-left a{color:#fff;font-size:16px;}
	.ctitle-right{text-align: center;}
	.ctitle-right li{width:32.333%;margin-left:0;text-align: center;float:none;display: inline-block;}
	.ctitle-right li a{width:100%}
/*banner*/

	.fwone-left .fw-article{width:95%;margin:0 auto}
	.fwone-left h4{width:95%;margin:0 auto 20px auto}
	.fwone-left .fw-xian{display: none;}
	
	.news-content li{width:98%;margin:2% 1%;height:auto}
	.news-content li:nth-child(3n){margin-right:1%}
	
	.ctitle li{width:100%}
	.ny-case-list li{float:left;margin:1%;width: 48%;height: auto;}
	.ny-case-list li span{border:1px solid #ccc;width:100%;height: auto;}
	.ny-case-list li span img{width:100%}
	
	
}